<template>
	<view>
		<view class="wodehead">
			<view class="ch-wrap  ch-flex-wrap ch-padding-top">
				<view class="ch-user-wodeface ch-w-4-1" style="background-image:url(../../../static/shuijiao5.jpg);"></view>
				<view class=" ch-user-name ch-w-4-2 ch-color-bai">
					<view class="ch-title ch-font-54 ch-color-bai">近朱者炽<text class="eosfont iconc-edit"></text></view>
					<view class="ch-flex-wrap  ch-padding-top1">
						<view class="ch-tag ch-color-bai">LV.1</view><text class="ch-huiayun"><text class="eosfont iconvip-crown--fill"></text> 开通会员</text>
					</view>
				</view>
			</view>
			<view class="ch-wrap ch-flex-wrap top-nav">
				<view class="list">
					<view class=" ch-title2 ch-color-bai">46</view>
					<view>关注</view>
				</view>
				<view class="list">
					<view class=" ch-title2 ch-color-bai">5</view>
					<view>粉丝</view>
				</view>
				<view class="list">
					<view class=" ch-title2 ch-color-bai">0</view>
					<view>访客</view>
				</view>
				<view class="list">
					<view class=" ch-title2 ch-color-bai">1000</view>
					<view>发布</view>
				</view>
			</view>
		</view>
		<view class="ch-wode-nav ch-card ch-flex-wrap">
			<view class="list">
				<image class="ch-wode-navicon" src="../../../static/shoucang.png" mode></image>
				<view class="ch-headnavfont">我的收藏</view>
			</view>
			<view class="list">
				<image class="ch-wode-navicon" src="../../../static/zuji.png" mode></image>
				<view class="ch-headnavfont">我的足迹</view>
			</view>
			<view class="list">
				<image class="ch-wode-navicon" src="../../../static/lishi.png" mode></image>
				<view class="ch-headnavfont">我的历史</view>
			</view>
		</view>
		
		<view class="ch-wrap  ch-shadow2 ch-padding ch-radius   ch-padding-bottom">
			<view class="ch-title2 ">我的旅行</view>
			 
			<view class="fenxiang-but ch-flex-wrap  ch-padding   ">
				<view class="ch-font-34 ch-fonthei ch-bold ch-mar-center"><text class="eosfont iconjia"></text>分享您的旅行照片</view>  
			</view>
			
		</view>
		
		<view class="ch-wrap  ch-shadow2 ch-padding ch-radius  ch-padding-bottom ch-bg" style="background-image: url(../../../static/wodelist.jpg); " >
			<view class="ch-title2 ch-conwrap ch-w-1-1">我的会员</view>
			<view class="ch-title3 ch-conwrap ch-w-1-1">专享旅行专属权益</view>
			
			<view class="eosfont iconguanyuinlikes-xiayibu ch-color-bai  ch-icon-arrow-r ch-paly-x"></view>
		</view>
		 
	</view>

</template>

<script>
</script>

<style>
	
	
	.wodehead{ width: 100%; height:400upx;  background-image:url(../../../static/wodebj.jpg); overflow: hidden;  position: relative; background-position: center; 
	background-repeat: no-repeat; background-size: cover; padding-top: 150upx;}
	
	.ch-user-wodeface {
		width: 150upx;
		height: 150upx;
		border-radius: 50%;
		margin-right: 30upx;
		position: relative;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.ch-tag {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		height: 30upx;
		width: 50upx;
		text-align: center;
		line-height: 30upx;
		font-size: 20upx;
		color: #333;
		border-radius: 6upx;
		background-color: #acda66;
		margin-top: 5upx;
		 
	}

	.ch-font-54 {
		font-size: 54upx;
	}
	.ch-font-34 {
		font-size: 34upx;
	}

	.ch-user-name {
		margin-top: 10upx;
		font-size: 28upx;
	}

	.ch-padding-top1 {
		margin-top: 10upx;
	}

	.ch-huiayun {
		margin-left: 10upx;
		background: rgba(0,0,0,0.3);
		border-radius: 6upx;
		padding: 0 10upx;
		font-size: 24upx;
		height: 34upx;
		text-align: center;
		line-height:35upx;
		margin-top:3upx;
	}

 
	
	.ch-fonthei {
		color: #293949;
	}

	.top-nav {
		font-size: 24upx;
		margin-top: 40upx;
	}

	.top-nav .list {
		width: 25%;
		text-align: center;
		color: #fff;
	}

	.iconc-edit {
		margin-left: 20upx;
		font-size: 36upx;
	}

	.ch-wode-nav {
		overflow: hidden;
		position: relative;
		z-index: 2;
		margin-left: 30upx;
		margin-right: 30upx;
		background: #fff;
		height: 150upx;
		border-radius: 20upx;
		-webkit-box-shadow: 0upx 6upx 14upx #e6e6e6;
		box-shadow: 0upx 6upx 14upx #e6e6e6;
		top: -110upx;
		margin-bottom: -80upx;
		/* display: none; */
		text-align: center;
	}

	.ch-headnavfont {
		color: #222222;
		font-size: 24upx;
		line-height: 50upx;
	}

	.ch-wode-navicon {
		width: 70upx;
		height: 70upx;
		margin: 0 auto;
		display: block;
		margin-top: 20upx;
	}
	
	.fenxiang-but{ width:60%; height:60upx; border-radius: 30upx; background:#ACDA66 ; margin: 0 auto; margin-top: 24upx;margin-bottom: 20upx; line-height:60upx;text-align: center;   }
	
	.iconjia{ margin: 0 20upx;font-size: 42upx; } 
	 
	.iconvip-crown--fill{ font-size: 26upx; margin-right:6upx;}
</style>
